<template>
  <div class="v-header">
    <v-header title="我的订单">
      <span class="back" @click="goBack">
        <i class="el-icon-arrow-left"></i>返回
      </span>
    </v-header>
    <div class="v-main"></div>
  </div>
</template>

<script>
import vHeader from '@/components/Header.vue';

export default {
  name: 'order',
  components: {
    vHeader
  },
  props: {
    title: {
      type: String,
      default: '标题'
    }
  },
  data() {
    return {
      circlePath: {
        center: {
          lng: 116.404,
          lat: 39.915
        },
        radius: 500
      }
    };
  },
  mounted() {
    console.log(this);
  },
  methods: {
    // 返回上一页
    goBack() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="less" scoped>
@import url('./order.less');
</style>
